<template>
  <div>
    <a-button class="xxx_button_empty_Waring">Waring</a-button>
    <a-button class="xxx_button_empty_Danger">Danger</a-button>
    <a-button class="xxx_button_empty_Success">Success</a-button>
    <a-button type="primary" class="xxx_light_Primary">Success</a-button>
    <a-button type="primary" class="xxx_light_Dark">Success</a-button>
    <a-button type="primary" class="xxx_light_Danger">Success</a-button>
    <a-button type="primary" class="xxx_light_Success">Success</a-button>
    <a-button type="primary" class="xxx_light_Waring">Success</a-button>
    <a-button type="primary" class="xxx_button_background_Waring">
      Waring
    </a-button>
    <a-button type="primary" class="xxx_button_background_Danger">
      Danger
    </a-button>
    <a-button type="primary" class="xxx_button_background_Success">
      Success
    </a-button>
    <a-button type="primary" class="xxx_button_background_Primary">
      Primary
    </a-button>
    <a-button type="primary" class="xxx_button_background_Dark">Dark</a-button>
    <a-button type="primary" class="xxx_button_background_Error">
      Error
    </a-button>
    <a-button type="link">Link</a-button>
    <br />
    <a-button type="primary" class="xxx_bigSize">Primary</a-button>
    <a-button type="primary" class="xxx_middleSize">Primary</a-button>
    <a-button type="primary" class="xxx_smallSize">Primary</a-button>
    <a-button type="primary" :size="large" class="xxx_smallSize">
      Primary
    </a-button>
    <a-button type="primary" :size="middle" class="xxx_smallSize">
      Primary
    </a-button>
    <a-button type="primary" :size="small" class="xxx_smallSize">
      Primary
    </a-button>
  </div>
</template>
<script>
  export default {
    data() {
      return {}
    },
  }
</script>
<style scoped lang="less">
  @import './theButton.less';
</style>
